<template>
	<div class="city">
		<city-header/>
		<city-adatou :hotCities="hotCities" :cities="cities" />
	</div>
</template>

<script type="text/javascript">
	import CityHeader from "./pages/Header"
	// import CityHot from "./pages/HotCity"
	// import CityZimu from "./pages/Zimu"
	import CityAdatou from "./pages/Adatou"
	export default{
		 data(){
        return{
          hotCities:[],
          cities:[],
        }
      },
      mounted(){
        this.$http.get('/api/data/city.json').then(res=>{
          const data = res.data.data;
          	this.hotCities=data.hotCities;
       		this.cities=data.cities;
       		// this.cities=data.cities;
         
          // console.log(data);
        })
      },
		components:{
			CityHeader,
			   CityAdatou,
		}
	}
</script>



<style scoped>
	.city{
		background-color: #f5f5f5;
		color:#212121;
	}
</style>